@mixin flex-xy-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

@mixin common-btn{
	@include flex-xy-center();
	border-radius: 48rpx;
	font-size: 36rpx;
	color: #fff;
	width: 100%;
	line-height: 96rpx;
}


// 底部按钮容器
.bottom-btn-wrapper{
	@include flex-xy-center();
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	padding: 0 30rpx;
	padding-top: 20rpx;
	z-index: 99;
	padding-bottom: calc(constant(safe-area-inset-bottom)); /* 兼容 iOS 设备 */
	padding-bottom: calc(env(safe-area-inset-bottom)); /* 兼容 iPhone X 及以上设备 */
	box-sizing: content-box;
}


// 提交按钮
.submit-btn{
	@include common-btn();
	background: $theme-color;
}

// 取消按钮
.cancel-btn{
	@include common-btn();
	background: transparent;
	border-color: #000;
	color: #222222;
	background-color: #eee
}
 
.order-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 29rpx;
	color: #FFFFFF;
	height: 65rpx;
	padding: 0 30rpx;
	min-width: 180rpx;
	box-sizing: border-box;
	background: linear-gradient( 90deg, #FE5A13 0%, #FEA413 100%);
	border-radius: 33rpx 33rpx 33rpx 33rpx;
	margin-left: 30rpx;
}

.order-cancel-btn{
	background: #F4F4F4;
	color: #333333;
}
